// 项目中用到的公共变量和mixin等
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 3883430 */
  src: url('//at.alicdn.com/t/c/font_3883430_sw6hxcdqz5a.woff2?t=1675738409557') format('woff2'),
       url('//at.alicdn.com/t/c/font_3883430_sw6hxcdqz5a.woff?t=1675738409557') format('woff'),
       url('//at.alicdn.com/t/c/font_3883430_sw6hxcdqz5a.ttf?t=1675738409557') format('truetype');
}

/* 公共sass变量 */
$color-main: #2788e8;
$color-d9: #d9d9d9;
$color-3e: #3e3e3e;
$bg-color: #f5f5f5;
$border-color: #d9d9d9;

/* 顶部栏 */
$head_dom_height: 60px;
$background_head: #4B79A1;

/* 黑 */
// $background_menu: #0C2540;
// $background_head: #2E4F70;

$background_menu: #283E51;


/* 绿 */
// $background_menu: #203A43;
// $background_head: #2C5364;
/* 公共mixin */

/* 图片垂直水平居中 :after */
@mixin imgVC() {
  text-align: center;
  img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
  }
  &:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
}

// 多行文本超出打点样式
@mixin multiRowText($rows: 2, $dir: vertical) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: $dir;
  -webkit-line-clamp: $rows;
}

// 单行省略号
@mixin textOverflow($width: 100%, $display: block) {
  display: $display;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: $width;
}
